Skip to main content

ES6 模块化

  • 如果只是输出一个唯一的对象,使用 export default 即可
  • 如果想要输出许多个对象,就不能用 default 了,且 import 时候要加{...}

Export 关键字

模块是独立的文件,该文件内部的所有的变量外部都无法获取。如果希望获取某个变量,必须通过 ​​export​​ 输出,

//使用export default时,对应的import语句不需要使用大括号,一个模块只能有一个默认输出。
export default var a = 100;

//不使用export default时,对应的import语句需要使用大括号,一个模块可以有多个默认输出。
export function foo {
console.log('util1-foo');
}

Import 关键字

export​​​ 定义了模块的对外接口后,其他 JS 文件就可以通过 ​​import​​ 来加载这个模块。

// 只导入一个
import {sum} from "./example.js"
// 导入多个
import {sum,multiply,time} from "./exportExample.js"
// 导入一整个模块
import * as example from "./exportExample.js"